<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"  Cache-Control=no-cache>
    <title>烘焙</title>
</head>
<link rel="stylesheet" href="./css/index.css">

<body>
    <div class="container">
        <div class="caidan">
            <div class="header">
                <!-- <span class="shiliu"><img src="./img/1.png" alt=""></span>
                WARM制菓烘焙 -->

            </div>
            <div class="middleBox">
                <div class="leftBox">
                    <div class="dangao1">

                    </div>
                    <div class="dangao2">

                    </div>
                    <div class="dangao3">

                    </div>
                    <div class="dangao4">

                    </div>
                </div>
                <div class="rightBox">
                    <div class="details1">
                        <span class="cake">曲奇(斤）</span>
                        <div class="Price">
                            <span>￥</span>
                            <span class="jiage">28.00</span>
                        </div>
                        <div class="quantity">
                            <div class="reduce reduceevent1">-</div>
                            <div class="total">0</div>
                            <div class="plus event1">+</div>

                        </div>
                    </div>
                    <div class="details2">
                        <span class="cake">杏仁片(斤)</span>
                        <div class="Price">
                            <span>￥</span>
                            <span class="jiage">33.00</span>
                        </div>
                        <div class="quantity">
                            <div class="reduce reduceevent2">-</div>
                            <div class="total">0</div>
                            <div class="plus event2">+</div>

                        </div>
                    </div>
                    <div class="details3">
                        <span class="cake">杏仁巧克力(斤)</span>
                        <div class="Price">
                            <span>￥</span>
                            <span class="jiage">34.00</span>
                        </div>
                        <div class="quantity">
                            <div class="reduce reduceevent3">-</div>
                            <div class="total">0</div>
                            <div class="plus event3">+</div>

                        </div>
                    </div>
                    <div class="details4">
                        <span class="cake">玛德琳(斤)</span>
                        <div class="Price">
                            <span>￥</span>
                            <span class="jiage">25.00</span>
                        </div>
                        <div class="quantity">
                            <div class="reduce reduceevent4">-</div>
                            <div class="total">0</div>
                            <div class="plus event4">+</div>

                        </div>
                    </div>
                </div>
            </div>

        </div>

        <!-- 遮罩层 -->
        <div class="mask" style="display: none">
            <div class="guanbi"></div>
            <div class="maskb">
                <div class="maskheader">
                    <div class="yixuan">已选商品</div>
                    <div class="qingkong">
                        <!-- <img src="./img/ashbin.png"> -->
                        <span>清空</span>
                    </div>
                </div>
                <!-- 购物车 -->
                <div class="xinxi">

                    <div class="details1 details1_car">
                        <span class="cake cake_1">蛋糕1</span>
                        <div class="Price Price_car">
                            <span>￥</span>
                            <span class="jiage">1.00</span>
                        </div>
                        <div class="quantity quantity_1">
                            <div class="reduce reduceevent1">-</div>
                            <div class="total">0</div>
                            <div class="plus event1">+</div>

                        </div>
                    </div>
                    <div class="details2 details1_car">
                        <span class="cake cake_1">蛋糕2</span>
                        <div class="Price Price_car">
                            <span>￥</span>
                            <span class="jiage">1.00</span>
                        </div>
                        <div class="quantity quantity_1">
                            <div class="reduce reduceevent2">-</div>
                            <div class="total">0</div>
                            <div class="plus event2">+</div>

                        </div>
                    </div>
                    <div class="details3 details1_car">
                        <span class="cake cake_1">蛋糕3</span>
                        <div class="Price Price_car">
                            <span>￥</span>
                            <span class="jiage">1.00</span>
                        </div>
                        <div class="quantity quantity_1">
                            <div class="reduce reduceevent4">-</div>
                            <div class="total">0</div>
                            <div class="plus event3">+</div>

                        </div>
                    </div>
                    <div class="details4 details1_car">
                        <span class="cake cake_1">蛋糕3</span>
                        <div class="Price Price_car">
                            <span>￥</span>
                            <span class="jiage">1.00</span>
                        </div>
                        <div class="quantity quantity_1">
                            <div class="reduce reduceevent3">-</div>
                            <div class="total">0</div>
                            <div class="plus event4">+</div>

                        </div>
                    </div>


                </div>
            </div>
        </div>

    </div>
    <!-- 结算栏 -->
   <div style="height: 60px;">
    <div class="footer">
        <div class="scar">
            <div class="TotalQuantity">0</div>
        </div>
        <div class="zongji">￥0.00</div>
        <div class="settlement">去结算</div>
    </div>
   </div>
</body>
<script>
    var isPageHide = false;
    window.addEventListener('pageshow', function () {
        if (isPageHide) {
            window.location.reload();
        }
    })
    window.addEventListener('pageshow', function () {
        isPageHide = true;
    })
    
</script>
<script src="./js/jquery-3.4.0.min.js"></script>
<script src="./js/index.js"></script>
<!-- <script src="./js/aa.js"></script> -->

</html>